<template>
  <div>
    <div>Child...</div>
    <p>{{ num }}</p>
    <button @click="num++">不允许直接修改props数据</button>
    <div></div>
    <button @click="$emit('setNum')">通过传递方法触发</button>
  </div>
</template>

<script>
export default {
  name: "Child",
  // props数据只读，不能直接修改数据
  props: {
    num: Number,
  },
};
</script>

<style></style>
